<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./wowjs文档/css/libs/animate.css" />
    <script src="./wowjs代码/wow.min.repeat.js"></script>
    <script src="js/wow.min.js"></script>
    <link rel="stylesheet" href="./css/bootstrap.min.css" />
    <link rel="stylesheet/less" href="./css/reset.less" />
    <link rel="stylesheet/less" href="./css/common.less" />
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      .navbar-header a {
        margin-top: -8px !important;
      }
      img {
        display: block;
        width: 100%;
      }
      .navbar {
        margin-bottom: 0 !important;
      }
      .item-box1 {
        margin-bottom: 63px;
      }
      .item-box1 .right {
      }
      .item-box1 .right .title-box {
      }
      .item-box1 .right .title-box .title {
        font-size: 28px;
        font-weight: 200;
        margin-bottom: 20px;
        text-align: end;
      }
      .item-box1 .right .title-box .desc {
        font-size: 12px;
        color: #898989;
        line-height: 18px;
        text-align: end;
        text-indent: 21px;
      }
      .item-box1 .right .item-box1-box .item {
        margin-top: 30px;
      }
      .item-box1 .right .item-box1-box .item:hover img {
        position: relative;
        transform: scale(1.2);
        z-index: 2;
      }

      .item-box2 {
        margin-bottom: 63px;
      }
      .item-box2 .left {
      }
      .item-box2 .left .title-box {
      }
      .item-box2 .left .title-box .title {
        font-size: 28px;
        font-weight: 200;
        margin-bottom: 20px;
      }
      .item-box2 .left .title-box .desc {
        font-size: 12px;
        color: #898989;
        line-height: 18px;

        text-indent: 21px;
      }
      .item-box2 .left .item-box2-box .item {
        margin-top: 30px;
      }
      .item-box2 .left .item-box2-box .item:hover img {
        transform: scale(1.2);
        position: relative;
        z-index: 2;
      }
      .item-box3 {
        margin-bottom: 92px;
      }
      .item-box3 .title {
        font-size: 33px;
        font-weight: 200;
        margin-bottom: 40px;
      }
      .item-box3 .item-box3-box .item {
        margin-bottom: 44px;
    
      }
    
      .item-box3 .item-box3-box .item .youxi{
        position: relative;
        overflow: hidden;
      }
      .item-box3 .item-box3-box .item .youxi .bg {
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.4);
        color: white;
     display: none;
     
      }
      .item-box3 .item-box3-box .item:hover .youxi .bg{
        display: block !important;
      }
      .item-box3 .item-box3-box .item .name{
        font-size: 13px;
        text-align: center;
        margin-top: 13px;
      }
     

      /* 底部导航 */
      .footer-bgcolor{
        background-color: #3b3b3b;
      }
      .footer{
        margin: 35px 0 37px;
      }
      .footer .left{
        font-size: 14px;
        color:#a1a3ab;
      }
      .footer .left .nav-title{
        margin-bottom: 15px;
      }
      .footer .left .copy{
        font-size: 11px;
      }
      .footer .right{
        display: flex;
        justify-content: space-evenly;
      }
      
      .footer .right .item:nth-child(1){
       
        width: 38px;
        height: 38px;
        background: url(./images/footer-icon01.png) no-repeat 0px 0px;
        background-size: cover;
      }
      .footer .right .item:nth-child(3){
       
        width: 38px;
        height: 38px;
        background: url(./images/footer-icon03.png) no-repeat 0px 0px;
        background-size: cover;
      }
      .footer .right .item:nth-child(2){
        position: relative;
        width: 38px;
        height: 38px;
        background: url(./images/footer-icon02.png) no-repeat 0px 0px;
        background-size: cover;
      }
      .footer .right .item:nth-child(2)>.qr-code{
position: absolute;
top: -150px;
left: -50px;
width: 142px;
height: 150px;
background: url(./images/footer-QR.png) no-repeat 0px 0px;
background-size: cover;
display: none;
      }
      .footer .right .item:nth-child(2):hover .qr-code{
        display: block;
      }
  

      @media ((max-width: 992px)) {
        .item-box1.row{
          margin: 0;
        }
        .item-box1 .left {
          display: none;
        }
        .item-box2 .right {
          display: none;
        }
        .footer .left{
          text-align: center;
          margin-bottom: 30px;
        }
        .item-box3 .item-box3-box .item:hover .youxi .bg {
          display: none !important;
        }
      }
    </style>
  </head>
  <body>
      <!-- 导航栏开始 -->
      <nav class="navbar navbar-inverse">
        <div class="container">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button
              type="button"
              class="navbar-toggle collapsed"
              data-toggle="collapse"
              data-target="#bs-example-navbar-collapse-1"
              aria-expanded="false"
            >
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"
              ><img src="./images/logo.png" alt=""
            /></a>
          </div>
  
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li class="">
                <a href="./首页.html">首页</a>
              </li>
              <li><a href="./家族.html">Laya家族</a></li>
              <li><a href="./游戏.html">游戏</a></li>
              <li><a href="./新闻动态.html">新闻动态</a></li>
              <li><a href="#">开发者中心</a></li>
              <li><a href="#">开发者社区</a></li>
              <li><a href="#">开放平台</a></li>
              <li><a href="./关于我们.html">关于我们</a></li>
            </ul>
  
            <ul class="nav navbar-nav navbar-right">
              <li class="dropdown">
                <a
                  href="#"
                  class="dropdown-toggle"
                  data-toggle="dropdown"
                  role="button"
                  aria-haspopup="true"
                  aria-expanded="false"
                  >Language <span class="caret"></span
                ></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Action</a></li>
                  <li><a href="#">Another action</a></li>
                  <li><a href="#">Something else here</a></li>
                  <li role="separator" class="divider"></li>
                  <li><a href="#">Separated link</a></li>
                </ul>
              </li>
            </ul>
          </div>
          <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
      </nav>
  <!-- 导航栏结束 -->
    <!-- 轮播图 -->
    <div
      id="carousel-example-generic"
      class="carousel slide"
      data-ride="carousel"
    >
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li
          data-target="#carousel-example-generic"
          data-slide-to="0"
          class="active"
        ></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <img src="./images3/banner.png" alt="..." />
        </div>
      </div>
    </div>
    <div class="item-box1 row">
      <div class="container">
        <div class="left wow flipInY col-lg-4 col-md-4"
        data-wow-delay="0.5">
          <img src="./images3/images/image_03.jpg" alt="" />
        </div>
        <div class="right wow bounceInRight col-lg-8 col-md-8 col-sm-12 col-xs-12"
        data-wow-delay="0.5">
          <div class="title-box">
            <div class="title">猎刃2</div>
            <div class="desc">
              2015年Q版魔幻手游诚心之作，超魔幻ARPG之作！！！无可挑剔的简单操作，无与伦比的爽快打击感，无处不在的惊
              喜！无穷无尽的回忆！全部技能100%还原，高清华丽特效，体验视觉盛宴；超写实画风，完美重现经典副本；让我们一
              起来，挑战恶魔，乱斗魔兽！
            </div>
          </div>
          <div class="item-box1-box row">
            <div class="item col-lg-6 col-md-6 col-sm-6 col-xs-6">
              <img src="./images3/img01.png" alt="" />
            </div>
            <div class="item col-lg-6 col-md-6 col-sm-6 col-xs-6">
              <img src="./images3/img02.png" alt="" />
            </div>
            <div class="item col-lg-6 col-md-6 col-sm-6 col-xs-6">
              <img src="./images3/img03.png" alt="" />
            </div>
            <div class="item col-lg-6 col-md-6 col-sm-6 col-xs-6">
              <img src="./images3/img04.png" alt="" />
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="item-box2">
      <div class="container">
        <div class="left wow bounceInLeft col-lg-8 col-md-8 col-sm-12 col-xs-12"
        data-wow-delay="0.5">
          <div class="title-box">
            <div class="title">上吧主公</div>
            <div class="desc">
              《上吧主公》是一款以三国为背景Q版卡牌游戏，游戏与普通三国题材不同，它以萌萌哒猫咪为三国众名将构筑出别具一
              格的游戏世界观。画面Q萌，技能华丽炫酷，集养成 、 收集 、策略
              、卡牌于一体。三国初始群雄争霸，奇妙的名将会帮
              你掌握胜算左右战况。
            </div>
          </div>
          <div class="item-box2-box row">
            <div class="item col-lg-6 col-md-6 col-sm-6 col-xs-6">
              <img src="./images3/img05.png" alt="" />
            </div>
            <div class="item col-lg-6 col-md-6 col-sm-6 col-xs-6">
              <img src="./images3/img06.png" alt="" />
            </div>
            <div class="item col-lg-6 col-md-6 col-sm-6 col-xs-6">
              <img src="./images3/img07.png" alt="" />
            </div>
            <div class="item col-lg-6 col-md-6 col-sm-6 col-xs-6">
              <img src="./images3/img08.png" alt="" />
            </div>
          </div>
        </div>
        <div class="right wow flipInY col-lg-4 col-md-4"
        data-wow-delay="0.5">
          <img src="./images3/image02.png" alt="" />
        </div>
      </div>
    </div>
    <div class="item-box3">
      <div class="container">
        <div class="title wow bounceInDown"
        data-wow-delay="0.5">更多案例</div>
        <div class="item-box3-box wow bounceIn row"
        data-wow-delay="0.8">
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al01.png" alt="" />
            </div>

            <div class="name">醉西游</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al02.png" alt="" />
            </div>

            <div class="name">魔卡幻想</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al03.png" alt="" />
            </div>

            <div class="name">超能战队</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al04.png" alt="" />
            </div>

            <div class="name">轰三国</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al05.png" alt="" />
            </div>

            <div class="name">刀塔大菠萝</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al06.png" alt="" />
            </div>

            <div class="name">迷你猎人</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al07.png" alt="" />
            </div>

            <div class="name">萌挂三国</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al08.png" alt="" />
            </div>

            <div class="name">战争之门</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al09.png" alt="" />
            </div>

            <div class="name">英雄争霸</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al10.png" alt="" />
            </div>

            <div class="name">二战传奇</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al11.png" alt="" />
            </div>

            <div class="name">龙吟三国</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al12.png" alt="" />
            </div>

            <div class="name">哟狐狸精</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al13.png" alt="" />
            </div>

            <div class="name">熊来啦</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al14.png" alt="" />
            </div>

            <div class="name">我爱我家</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al15.png" alt="" />
            </div>

            <div class="name">夺塔三国</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al16.png" alt="" />
            </div>

            <div class="name">西游快跑</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al17.png" alt="" />
            </div>

            <div class="name">德州扑克</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al18.png" alt="" />
            </div>

            <div class="name">神魔快打</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al19.png" alt="" />
            </div>

            <div class="name">鬼吹灯</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al20.png" alt="" />
            </div>

            <div class="name">挂机三国</div>
          </div>
          <div class="item col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <div class="youxi">
              <div class="bg">
                《醉西游》是一款以西游记题材为背景的ARPG游
                戏，采用Layabox引擎开发，唯美的画面、音乐悠
                扬，极具神话感；流畅的战斗，有趣的剧情、炫酷的
                职业、华丽的技能、神秘的副本、激烈的仙战……
              </div>
              <img  src="./images3/al21.png" alt="" />
            </div>

            <div class="name">三国仙游传</div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-bgcolor">
        <div class="container">
            <div class="footer row">
        <div class="left col-lg-9 col-md-9 col-md-12 col-xs-12">
<div class="nav-title">公司简介 联系方式 人才招聘</div>
<div class="copy">All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </div>
        </div>
        <div class="right col-lg-3 col-md-3 col-md-12 col-xs-12">
          <div class="item">
          
          </div>
          <div class="item">
          <div class="qr-code"></div>
           
          </div>
          <div class="item">
           
          </div>
        </div>
      </div>
        </div>
      </div>
  </body>
  <script src="./js/jquery-3.7.1.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <script src="./js/less.min.js"></script>
  <script>
    new WOW().init();
  </script>
</html>
